<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			*{
				padding: 0px;
				margin: 0px;
			}
			dl,dt,p{
				padding: 0px;
				margin: 0px;
			}
			ul{
				list-style: none;
			}
			.u1{
				list-style: none;
			    padding: 0;
    			margin: 0;
			}
			.u2{
				padding: 0;
				margin: 0;
				background-color: white;
			}
			.li1{
				text-align: center;
				width: 285px;
   				height: 210px;
    			float: left;
    			margin: 0 20px 20px 0;
    			background-color: white;
			}
			.li2{
				height: 106px;
    			background: #fff;
    			border-bottom: 1px solid #eeeeee;
    			position: relative;
    			overflow: hidden;
			}
			.li1:hover{
				box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25);
    			transition: all .2s ease-in-out;
    			/*box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
    			border-color: #eee;
    			transition: all .2s ease-in-out;*/
			}
			.dl1{
				padding-top: 18px;
    			height: 88px;
			}
			.dl2{
				padding-top: 18px;
    			height: 88px;
    			position: absolute;
    			left: 0;
    			right: 0;
    			top: -100%;
    			background: #fff;
    			transition: all .3s ease-in;
    			transform: translateZ(0);
    			transform: rotateZ(0deg);
			}
			.li2:hover .dl2{
				position: absolute;
    			top: 0;
    			background: #fff;
    			transition: all .3s ease-in;
    			transform: translateZ(0);
    			transform: rotateZ(0deg);
			}
			.dt1{
				float: left;
    			margin: 0 18px 0;
			}
			.dd1{
				float: left;
				display: block;
				width: 128px;
				height: 73px;    
				display: block;
    			
			}
			.title{
				text-indent: -10014px;
    			height: 38px;
    			margin-bottom: 15px;
    			background: url(img/sprite.png) no-repeat center top;
			}
			.span1{
				display: block;
    			width: 80px;
    			height: 25px;
    			border-radius: 25px;
    			color: #d2a737;
    			border: 1px solid #d0b46c;
    			text-align: center;
    			line-height: 25px;
    			font-size: 12px;
			}
			.span2{
				background: #ddbc67;
    			color: #fff;
    			display: block;
    			width: 80px;
    			height: 25px;
    			border-radius: 25px;
    			border: 1px solid #d0b46c;
    			text-align: center;
    			line-height: 25px;
    			font-size: 12px;
			}
			.p1{
				font-size: x-large;
				padding: 14px 0 0 38px;
			}
			.p2{
				padding: 8px 0 0 0;
			}
			.p3{
				font-size: 16px;
    			color: #444444;
			}
			.p4{
				padding: 5px 0 5px;
    			font-size: 12px;
    			color: #999999;
			}
			.p5{
				padding: 0px 0 6px;
    			font-size: 12px;
    			color: #999999;
			}
			a{
				text-decoration: none;
			}
			.a1{
				color:lightgrey;
			}
			.a2{
				color: black;
			}
			.a3{
				display: block;
    			height: 100%;
			}
			.i1{
				width: 1920px;
				height: 750px;
			}
			.i2{
				height: 155px;
				width: 285px;
			}
			#i3{
				display: block;
				float: left;
			}
			.i4{
				width: 70px;
				height: 60px;
			}
			.i3{
				height: 70px;
				width: 70px;
			}
			#h1{
				height: 45px;
    			line-height: 45px;
    			padding-left: 20px;
    			margin-bottom: 6px;
    			color: #ddbc67;
    			font-size: 16px;
    			text-align: left;
    			font-weight: bold;
    			background: #414141;
			}
			#h2{
				height: 45px;
    			line-height: 45px;
    			padding-left: 20px;
    			margin-bottom: 6px;
    			color: #ddbc67;
    			font-size: 16px;
    			text-align: left;
    			font-weight: bold;
    			background: #414141;
			}
			.h3{
				width: 106px;
    			background-position: -194px 0;
    			font-size: 12px;
    			font-weight: normal;
			}
			.h4{
				width: 106px;
    			background-position: -407px 0;
    			font-size: 12px;
    			font-weight: normal;
			}
			.h5{
			    width: 128px;
    			background-position: 0 -45px;
			}
			.a1:link{
				text-decoration: none;
			}
			.a1:hover{
				color: white;
			}
			#a2:link{
				text-decoration: none;
			}
			#a2:hover{
				color: white;
			}
			#a3:link{
				text-decoration: none;
			}
			#a3:hover{
				color: white;
			}
			#a2{
				display: block;
    			margin-left: 20px;
   				font-size: 14px;
   				color: #c3c3c3;
    			line-height: 30px;
			}
			#a3{
				display: block;
    			margin-left: 20px;
   				font-size: 14px;
   				color: #c3c3c3;
    			line-height: 17px;
    			margin-bottom: 8px;
			}
			#d1z2z4:hover #d1z2z4z4{
				display: block;
			}
			#d1z2z4:hover #d1z2z4z3{
				visibility:hidden;
			}
			.d1{
				height: 750px;
				width: 1920px;
				position: relative;
				margin: 0px auto;
			}
			#d1z1{
				height: 750px;
				width: 1920px;
				margin: 0 auto;
			}
			#d1z2{
				width: 1200px;
				position: absolute;
				top: 390px;
				right: 360px;
				margin: auto;
				background-color: green;
			}
			#d1z2z1{
				height: 300px;
				width: 700px;
				float: left;
			}
			#d1z2z2{
				height: 60px;
				width: 700px;
				background-color: #333333;
				float: left;
			}
			#d1z2z2z3,#d1z2z2z2{
				height: 60px;
				width: 170px;
				background-color: #333333;
				float: left;
				border-left: dashed ghostwhite 1px;
				border-right: dashed ghostwhite 1px;
			}
			#d1z2z2z1{
				height: 60px;
				width: 170px;
				background-color: #333333;
				float: left;
				border-right: dashed ghostwhite 1px;
			}
			#d1z2z2z4{
				height: 60px;
				width: 170px;
				background-color: #333333;
				float: left;
				border-left: dashed ghostwhite 1px;
			}
			#d1z2z3{
				height: 360px;
				width: 700px;
				background-color: #333333;
				float: left;
			}
			#d1z2z4{
				height: 360px;
				width: 500px;
				background-color: #333333;
				float: left;
			}
			#d1z2z4z1{
				width: 190px;
				height: 350px;
				float: left;
			}
			#d1z2z4z1z1{
				width: 190px;
				height: 300px;
				background-color: #333333;
			}
			#d1z2z4z2{
				width: 306px;
				height: 350px;
				float: left;
				border-left: solid lightslategray 1px ;
			}
			#d1z2z4z2z1{
				width: 160px;
				height: 300px;
				float: left;
			}
			#d1z2z4z2z2{
				width: 144px;
				height: 300px;
				float: left;
			}
			#d1z2z4z3{
				width: 500px;
				float: left;
			}
			#d1z2z4z4{
				height: 250px;
				width: 192px;
				background-color: #333333;
				float: left;
				display: none;
			}
			.d2{
				width: 1920px;
				margin: 0 auto;
			}
			.d2z1{
				width: 915px;
				float: left;
				margin: 30px 0 0 360px;
			}
			#d2z1{
				width: 915px;
				height: 513px;
				background-color: #f6f6f6;
				float: left;
				
			}
			#d2z2{
				width: 285px;
				height: 1016px;
				background-color: #f6f6f6;
				float: left;
				margin: 30px 0 0 0;
			}
			.d3{
				
				height: 200px;
				width: 70px;
				position: fixed;
				top: 70%;
				right: 0px;
			}
			#d3z1{
				width: 70px;
				height: 60px;
				
			}
			#d3z2{
				width: 70px;
				height: 60px;
				margin: 10px 0;
			}
		</style>
	</head>
	<body bgcolor="f6f6f6">
		<div class="d1">
			<div id="d1z1">
				<img src="img/微信图片_20201225214308.jpg"  class="i1"/>
			</div>
			<div id="d1z2">
				<div id="d1z2z3">
					<div id="d1z2z1">
						<a id="a1"><img id="i2" src="img/1.jpg"/ height="300px" width="700px"></a>
						<script type="text/javascript">
							window.onload=function(){
								var img=document.getElementById("i2");
								var c=document.getElementById("a1");
								var n=1;
								setInterval(function(){
									n++;
									if(n>3){
										n=1;
									}
									if(n<=2){
										img.src="img/"+n+".jpg";
										if(n==1){
											c.href="https://www.hao123.com/?tn=66062291_1_hao_pg";
										}
										else{
											c.href="#";
										}
									}
									else{
										img.src="img/"+n+".jpg";
										c.href="#";
									}
								},2000);
							}
						</script>
					</div>
					<div id="d1z2z2">
						<div id="d1z2z2z1">
							<p class="p1"><a href="#" class="a1">购买指南</a></p>
						</div>
						<div id="d1z2z2z2">
							<p class="p1"><a href="#" class="a1">发布指南</a></p>
						</div>
						<div id="d1z2z2z3">
							<p class="p1"><a href="#"class="a1">意见反馈</a></p>
						</div>
						<div id="d1z2z2z4">
							<p class="p1"><a href="#"class="a1">联系客服</a></p>
						</div>
					</div>	
				</div>
				<div id="d1z2z4">
					<div id="d1z2z4z1">
						<h2 id="h1">手机游戏</h2>
						<div id="d1z2z4z1z1">
							<a id="a2" href="#">王者荣耀爱易</a>
							<a id="a2" href="#">第五人格爱易</a>
							<a id="a2" href="#">穿越火线手游爱易</a>
							<a id="a2" href="#">明日之后爱易</a>
							<a id="a2" href="#">和平精英爱易</a>
							<a id="a2" href="#">天涯明月刀爱易</a>
							<a id="a2" href="#">阴阳师爱易</a>
							<a id="a2" href="#">率土之滨爱易</a>
							<a id="a2" href="#">欢乐斗地主爱易</a>
							<a id="a2" href="#">奇迹暖暖爱易</a>
						</div>
					</div>
					<div id="d1z2z4z2">
						<h2 id="h2">客户端游戏</h2>
						<div id="d1z2z4z2z1">
							<a id="a2" href="#">英雄联盟爱易</a>
							<a id="a2" href="#">逆水寒爱易</a>
							<a id="a2" href="#">逆战爱易</a>
							<a id="a2" href="#">梦幻西游爱易</a>
							<a id="a2" href="#">地下城与勇士爱易</a>
							<a id="a2" href="#">新倩女幽魂爱易</a>
							<a id="a2" href="#">穿越火线爱易</a>
							<a id="a2" href="#">QQ飞车世界爱易</a>
							<a id="a2" href="#">天下3爱易</a>
							<a id="a2" href="#">NBA2K OL爱易</a>
						</div>
						<div id="d1z2z4z2z2">
							<a id="a2" href="#">大唐无双爱易</a>
							<a id="a2" href="#">武魂2爱易</a>
							<a id="a2" href="#">上古世纪爱易</a>
							<a id="a2" href="#">枪神纪爱易</a>
							<a id="a2" href="#">天涯明月刀爱易</a>
							<a id="a2" href="#">镇魔曲爱易</a>
							<a id="a2" href="#">天谕爱易</a>
							<a id="a2" href="#">精灵传说爱易</a>
							<a id="a2" href="#">新飞飞易</a>
						</div>
					</div>
					<div id="d1z2z4z3">
						<img src="img/捕获.PNG" height="10px" width="500px" id="i3" />
					</div>
					<div id="d1z2z4z4">
						<a id="a3" href="#">无尽远征爱易</a>
						<a id="a2" href="#">大话西游手游爱易</a>
						<a id="a2" href="#">万王之王3D爱易</a>
						<a id="a2" href="#">遇见逆水寒爱易</a>
						<a id="a2" href="#">光明大陆爱易</a>
						<a id="a2" href="#">斗破苍穹手游爱易</a>
						<a id="a2" href="#">倩女幽魂手游爱易</a>
						<a id="a2" href="#">全民斗战神爱易</a>
					</div>
				</div>
			</div>
		</div>
		<div class="d2">
			<div class="d2z1">
				<div id="d2z1">
					<h2 class="title h3">手机游戏</h2>
					<ul class="u1">
						<li class="li1">
							<a href="#" class="a2">
								<img src="img/zj1.jpg" class="i2">
								<p class="p2">王者荣耀爱易</p>
							</a>
						</li>
						<li class="li1">
							<a href="#" class="a2">
								<img src="img/zj2.jpg" class="i2">
								<p class="p2">和平精英爱易</p>
							</a>
						</li>
						<li class="li1">
							<a href="#" class="a2">
								<img src="img/z1.jpg" class="i2">
								<p class="p2">梦幻西游手游爱易</p>
							</a>
						</li>
						<li class="li1">
							<a href="#" class="a2">
								<img src="img/zj3.jpg" class="i2">
								<p class="p2">穿越火线手游爱易</p>
							</a>
						</li>
						<li class="li1">
							<a href="#" class="a2">
								<img src="img/zj4.jpg" class="i2">
								<p class="p2">天涯明月刀爱易</p>
							</a>
						</li>
						<li class="li1">
							<a href="#" class="a2">
								<img src="img/zj5.jpg" class="i2">
								<p class="p2">阴阳师爱易</p>
							</a>
						</li>
					</ul>
				</div>
				<div id="d2z1">
					<h2 class="title h5">客户端游戏</h2>
					<ul class="u1">
						<li class="li1">
							<a href="#" class="a2">
								<img src="img/zj6.jpg" class="i2">
								<p class="p2">英雄联盟爱易</p>
							</a>
						</li>
						<li class="li1">
							<a href="#" class="a2">
								<img src="img/zj7.jpg" class="i2">
								<p class="p2">地下城与勇士爱易</p>
							</a>
						</li>
						<li class="li1">
							<a href="#" class="a2">
								<img src="img/zj8.jpg" class="i2">
								<p class="p2">穿越火线爱易</p>
							</a>
						</li>
						<li class="li1">
							<a href="#" class="a2">
								<img src="img/zj9.jpg" class="i2">
								<p class="p2">逆水寒爱易</p>
							</a>
						</li>
						<li class="li1">
							<a href="#" class="a2">
								<img src="img/zj10.jpg" class="i2">
								<p class="p2">逆战爱易</p>
							</a>
						</li>
						<li class="li1">
							<a href="#" class="a2">
								<img src="img/zj11.jpeg" class="i2">
								<p class="p2">梦幻西游爱易</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
				<div id="d2z2">
					<h2 class="title h4">最新上线</h2>
					<ul class="u2">
						<li class="li2">
							<a href="new_file.html" class="a3" target="_blank">
								<dl class="dl1">
									<dt class="dt1"><img src="img/c1.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p3">和平精英爱易</p>
										<p class="p4">&nbsp;&nbsp;</p>
										<span class="span1">进入爱易</span>
									</dd>
								</dl>
								<dl class="dl2">
									<dt class="dt1"><img src="img/2wm.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p5">扫一扫</p>
										<p class="p5">了解更多关于</p>
										<span class="span2">进入爱易</span>
									</dd>
								</dl>
							</a>
						</li>
						<li class="li2">
							<a href="#" class="a3">
								<dl class="dl1">
									<dt class="dt1"><img src="img/j1.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p3">遇见逆水爱易</p>
										<p class="p4">&nbsp;&nbsp;</p>
										<span class="span1">进入爱易</span>
									</dd>
								</dl>
								<dl class="dl2">
									<dt class="dt1"><img src="img/2wm.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p5">扫一扫</p>
										<p class="p5">了解更多关于</p>
										<span class="span2">进入爱易</span>
									</dd>
								</dl>
							</a>
						</li>
						<li class="li2">
							<a href="#" class="a3">
								<dl class="dl1">
									<dt class="dt1"><img src="img/c2.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p3">穿越火线手游爱易</p>
										<p class="p4">&nbsp;&nbsp;</p>
										<span class="span1">进入爱易</span>
									</dd>
								</dl>
								<dl class="dl2">
									<dt class="dt1"><img src="img/2wm.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p5">扫一扫</p>
										<p class="p5">了解更多关于</p>
										<span class="span2">进入爱易</span>
									</dd>
								</dl>
							</a>
						</li>
						<li class="li2">
							<a href="#" class="a3">
								<dl class="dl1">
									<dt class="dt1"><img src="img/c3.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p3">阴阳师爱易</p>
										<p class="p4">&nbsp;&nbsp;</p>
										<span class="span1">进入爱易</span>
									</dd>
								</dl>
								<dl class="dl2">
									<dt class="dt1"><img src="img/2wm.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p5">扫一扫</p>
										<p class="p5">了解更多关于</p>
										<span class="span2">进入爱易</span>
									</dd>
								</dl>
							</a>
						</li>
						<li class="li2">
							<a href="#" class="a3">
								<dl class="dl1">
									<dt class="dt1"><img src="img/c4.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p3">王者荣耀爱易</p>
										<p class="p4">&nbsp;&nbsp;</p>
										<span class="span1">进入爱易</span>
									</dd>
								</dl>
								<dl class="dl2">
									<dt class="dt1"><img src="img/2wm.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p5">扫一扫</p>
										<p class="p5">了解更多关于</p>
										<span class="span2">进入爱易</span>
									</dd>
								</dl>
							</a>
						</li>
						<li class="li2">
							<a href="#" class="a3">
								<dl class="dl1">
									<dt class="dt1"><img src="img/c5.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p3">光明大陆爱易</p>
										<p class="p4">&nbsp;&nbsp;</p>
										<span class="span1">进入爱易</span>
									</dd>
								</dl>
								<dl class="dl2">
									<dt class="dt1"><img src="img/2wm.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p5">扫一扫</p>
										<p class="p5">了解更多关于</p>
										<span class="span2">进入爱易</span>
									</dd>
								</dl>
							</a>
						</li>
						<li class="li2">
							<a href="#" class="a3">
								<dl class="dl1">
									<dt class="dt1"><img src="img/c6.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p3">奇迹暖暖爱易</p>
										<p class="p4">&nbsp;&nbsp;</p>
										<span class="span1">进入爱易</span>
									</dd>
								</dl>
								<dl class="dl2">
									<dt class="dt1"><img src="img/2wm.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p5">扫一扫</p>
										<p class="p5">了解更多关于</p>
										<span class="span2">进入爱易</span>
									</dd>
								</dl>
							</a>
						</li>
						<li class="li2">
							<a href="#" class="a3">
								<dl class="dl1">
									<dt class="dt1"><img src="img/c7.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p3">明日之后爱易</p>
										<p class="p4">&nbsp;&nbsp;</p>
										<span class="span1">进入爱易</span>
									</dd>
								</dl>
								<dl class="dl2">
									<dt class="dt1"><img src="img/2wm.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p5">扫一扫</p>
										<p class="p5">了解更多关于</p>
										<span class="span2">进入爱易</span>
									</dd>
								</dl>
							</a>
						</li>
						<li class="li2">
							<a href="#" class="a3">
								<dl class="dl1">
									<dt class="dt1"><img src="img/c8.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p3">天涯明月刀爱易</p>
										<p class="p4">&nbsp;&nbsp;</p>
										<span class="span1">进入爱易</span>
									</dd>
								</dl>
								<dl class="dl2">
									<dt class="dt1"><img src="img/2wm.png" class="i3"></dt>
									<dd class="dd1">
										<p class="p5">扫一扫</p>
										<p class="p5">了解更多关于</p>
										<span class="span2">进入爱易</span>
									</dd>
								</dl>
							</a>
						</li>
					</ul>
					
				</div>
			</div>
			<div class="d3">
				<a href="z.html" target="_blank">
					<div id="d3z1">
						 <img src="img/x.png" class="i4"/>                                                                                
					</div>
				</a>
				<div id="d3z2"><a href="y.html" target="_blank">
					<div id="d3z1">
						 <img src="img/dl.jpg" class="i4"/>                                                                                
					</div>
				</a></div>
				<div id="d3z1">
					<a href="#top">
					<div id="d3z1">
						<img src="img/s.jpg" class="i4" />                                                                                  
					</div>
				</a>
				</div>
			</div>
	</body>
</html>
